/*
 * @Author: nengwu 409791297@qq.com
 * @Date: 2020-06-30 11:16:35
 * @LastEditors: mylesshie@gmail.com
 * @LastEditTime: 2020-08-04 17:35:43
 * @description: 
 */ 
import { StyleSheet } from 'react-native'
import px from '@/libs/px'

const styles = StyleSheet.create({
  wrap: {
    flex: 0,
    height: 88,
    backgroundColor: '#f14047',
    paddingTop: 45
  },
  main: {
    flex: 1,
    flexDirection: 'row',
    paddingLeft: px(40),
    paddingRight: px(40),
    // backgroundColor: '#eee'
  },
  left: {
    flex: 0,
    width: px(140),
    justifyContent: 'flex-start',
    alignItems: 'flex-start'
  },
  logo: {
    width: px(115),
    height: px(70)
  },
  right: {
    flex: 1,
  },
  searchContainer: {
    borderTopWidth: 0,
    borderBottomWidth: 0,
    backgroundColor: 'transparent',
    padding: 0,
    margin: 0,
  },
  inputContainer: {
    padding: 0,
    margin: 0,
    backgroundColor: 'rgba(255, 255, 255, 0.5)',
    borderRadius: px(30),
    height: px(60)
  },
  inputStyle: {
    padding: 0,
    margin: 0,
    height: px(30),
    fontSize: 16,
    color: '#fff'
    // backgroundColor: 'rgba(255, 255, 255, 0.5)'
  },
  iconStyle: {
    marginTop: 8,
    color: '#fff'
  }
})

export default styles